<!-- 一级界面的布局容器（适用于首页，不适合登录页） -->
<template>
  <!-- 顶部区域 -->
  <appNavbar/>
  <!-- 头部区域 -->
  <appHeader/>
  <!-- 头部吸顶栏区域 -->
  <AppHeaderSticky/>
  <!-- 二级路由内容容器 -->
  <div class="app-body">
    <!-- 二级界面显示-->
    <RouterView />
  </div>
  <!-- 底部区域 -->
  <AppFooter/>
</template>

<script>
import appNavbar from '@/components/app-navbar.vue'
import appHeader from '@/components/app-header.vue'
import AppFooter from '@/components/app-footer'
import AppHeaderSticky from '@/components/app-header-sticky.vue'
export default {
  name: 'Layout',
  components: {
    appNavbar,
    appHeader,
    AppHeaderSticky,
    AppFooter
  }
}
</script>

<style>

</style>
